.scopeinterface {
    /** Hide the lightbox */
    display: none;
 
    /** Apply basic lightbox styling */
    position: fixed;
    z-index: 9999;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    color:#333333;
    }
 
.scopeinterface:target {
    /** Show lightbox when it is target */
    display: block;
    outline: none;
}
 
.scopeinterface .box {
    width: -webkit-min-content;
    width: -moz-min-content;
    width: min-content;
    min-width:800px;
    margin: 2% auto;
    padding:10px 20px 10px 20px;
    background-color:#FFF;
    box-shadow: 0px 1px 26px -3px #777777;
    }
 
.scopeinterface .title {
    margin:0;
    padding:0 0 10px 0px;
    border-bottom:1px #ccc solid;
    font-size:22px;
    }
 
.scopeinterface .content {
    display:block;
    position:relative;
    }

.tabs {
    width: 100%;
	height: 90%;
	padding:0px;
	overflow: hidden;

}

.tabs .bar {
    width: 100%;
	height: 40px;
	background-color: cccccc;

}

.views {
    width: 100%;
	padding:0px;

}

.view-tabs {
	padding:0px;
}

.view-tabs .bar {
    width: 100%;
	left: 0px;
	height: 40px;
    background-color:#bbbbbb;

}

.modules {
    width: 100%;
	padding:0px;

}

.module-tabs {
	padding:0px;
}


.module-tabs .bar {
    width: 100%;
	height: 40px;
	background-color: #bbbbbb;

}